<?php
session_start();
    if(!isset($_SESSION['usuario'])){
        header('location:../html/login.html');
    }
         
         echo '
                <center>
                    <title>Ingreso Docentes</title>
                    <table>
                        <tr>
                            <td>';
                         include_once 'menu.php';
                        echo"</td>
                        </tr>
                    </table>";
?>
<html>
    <head>        
        <link href="../../Docencia/Css/EstilosDocencia.css" rel="stylesheet" type="text/css"/>
        <script src="../../Docencia/Js/Docencia.js" type="text/javascript"></script>
        <!--LIBRERIAS PARA LA CREACION DEL AUTOCOMPLE-->
        <script src="jquery-1.9.1.min.js"></script>
        <script type="text/javascript" src="../js/jquery-ui-1.8.4.custom.min.js"></script>
        <link type="text/css" rel="stylesheet" href="../css/jquery-ui-1.8.4.custom.css" />
        <link type="text/css" rel="stylesheet" href="../css/estilo.css" /> 
        <!--LIBRERIAS PARA LA CREACION DE LA BOTONERIA Y POP UP-->
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link href="../Modal/css/bootstrap.min.css" rel="stylesheet">
        <script src="../Modal/js/bootstrap.min.js"></script>
        <!-- LIBRERIAS JQUERY PARA LA CREACION DE LAS ALERTAS -->
        <script type="text/javascript" src="../../Ginecobstetricia/vista/js/alertify.js"></script>
        <link rel="stylesheet" href="../../Ginecobstetricia/vista/css/alertify.core.css" />
        <link rel="stylesheet" href="../../Ginecobstetricia/vista/css/alertify.default.css" />
    </head>
    <body onload="ValidarCampos();CargarTipoID();CargarInstitucionFormularioRegistro();CargarServicioRotacion();CargarProfesion();CargarTipoSeguridad();ConsultarDocentes();">
        <table  id="TablaContenedora" >
            <tr>
                <td><br>
                    <section class="">
                        <div class="FormularioDocente">
                            <table>
                                <tr>
                                    <td  align="center">
                                         <h1>INGRESO DOCENTES</h1> 
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <form>
                                            <table style="font-size: 90%">
                                                <tr>
                                                    <td>
                                                        <select name="" id="TipoDocumento" style="width: 190px">
                                                            <option value="">Tipo Documento</option>
                                                        </select>
                                                    </td>
                                                    <td width="10px"></td>
                                                    <td>
                                                        <input type="text" name="" value="" id="Documento" placeholder="Documento Docente" style="width: 190px;margin-top:10px" onchange="ValidarDocente();"/>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                       <input type="text" name="" value="" id="PrimerNombre" placeholder="Primer Nombre" style="width: 190px"/> 
                                                    </td>
                                                    <td width="10px"></td>
                                                    <td>
                                                       <input type="text" name="" value="" id="SegundoNombre" placeholder="Segundo Nombre" style="width: 190px"/> 
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <input type="text" name="" value="" id="PrimerApellido" placeholder="Primer Apellido" style="width: 190px"/> 
                                                    </td>
                                                    <td width="10px"></td>
                                                    <td>
                                                       <input type="text" name="" value="" id="SegundoApellido" placeholder="Segundo Apellido" style="width: 190px"/> 
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <input type="text" name="" value="" id="Telefono" placeholder="Telefono Fijo" style="width: 190px"/> 
                                                    </td>
                                                    <td width="10px"></td>
                                                    <td>
                                                       <input type="text" name="" value="" id="Celular" placeholder="Celular" style="width: 190px"/> 
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <input type="text" name="" value="" id="Email" placeholder="@Email" style="width: 190px"/> 
                                                    </td>
                                                    <td width="10px"></td>
                                                    <td>
                                                        <select name="" id="IEducativa" style="width: 190px">
                                                            <option value="">Institucion Educativa</option>
                                                        </select>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>

                                                        <select name="" id="Profesion" style="width: 190px">
                                                            <option value="">Profesion</option>
                                                        </select>
                                                    </td>
                                                    <td width="10px"></td>
                                                    <td>
                                                        <select name="" id="ServicioR" style="width: 190px">
                                                            <option value="">Servicio Rotación</option>
                                                        </select>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <input type="text" id="NombreArl" value="" name="" placeholder="Nombre Arl" style="width: 190px;margin-top:10px"/><input type="hidden" id="OidNombreArl" value="" name=""  style="width: 190px"/>
                                                    </td>
                                                    <td width="10px"></td>
                                                    <td>
                                                        <select name="" id="TipoSeguridad" style="width: 190px">
                                                            <option value="">Tipo Seguridad Social</option>
                                                        </select>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td align="right" id="Boton">
                                                        <br><input type="button" class="btn btn-success" value="Registrar Docente" onclick="RegistrarDocente();"/>
                                                    </td>
                                                    <td width="10px"></td>
                                                    <td>
                                                        <br><input type="reset" class="btn btn-info" value="Limpiar" onclick="LimpiarFormulario();"/>
                                                    </td>
                                                </tr>
                                            </table>
                                        </form>
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </section>
                </td>
                <td style="width: 1000px"></td>
                <td>
                <br><section class="">
                         <div class="DatosDocente">
                             <table>
                                <tr>
                                    <td  align="center">
                                         <h1>LISTADO DOCENTES</h1> 
                                    </td>
                                </tr>
                                <tr>
                                     <td>
                                        <div class="exterior" >
                                            <table id="t1" class="t1" style="height:100%;width:100%;" border="0" cellpadding="0" cellspacing="1" border>
                                                <thead class="fixedHeader" style="color:white;background:#069;position:static ;">
                                                    <tr>
                                                        <th>Documento</th>
                                                        <th>Nombre Completo</th>
                                                        <th>Institucion</th>
                                                    </tr>
                                                </thead>
                                            </table>
                                        </div>
                                        <div class="InteriorTabla" id="inte">
                                            <div id="ContenidoDocente"></div>
                                        </div>
                                    </td>
                                </tr>
                             </table>
                         </div>
                </section>
                <input id="ExisteDocente" type="hidden" name="" value="" />
                </td>
            </tr>
        </table>
    </body>
</html>